<template>
    <view class="main">
        <view class="m-t-30 bg-white p-30">
            <view class="bold ">问题描述：</view>
            <view class="m-t-30">
                <u-input v-model="textVal" type="textarea" :border="true" :height="300" :auto-height="true"
                    placeholder="请写下您遇到的问题......" />
            </view>
            <view class="bold m-t-30">联系方式：</view>
            <view class="m-t-30">
                <u-input v-model="textVal" type="text" :border="true" placeholder="请输入您的联系方式" />
            </view>
        </view>
        <view class="p-30 gray">
            致力为您提供，专业、高效、优质的服务，欢迎您提供宝贵的意见和建议。
        </view>
        <view class="p-30 confirm">
            <button class="confirm-btn">确认</button>
        </view>
    </view>
</template>

<script setup>
    import {
        ref
    } from 'vue'

    const textVal = ref('')
</script>

<style>
    .confirm {
        width: 100%;
        position: fixed;
        bottom: 30rpx;
    }

    .confirm-btn {
        color: #fff;
        height: 80rpx;
        line-height: 80rpx;
        background: linear-gradient(0deg, #E87038, #BE4B16);
        box-shadow: 0rpx 5rpx 25rpx 0rpx rgba(184, 98, 29, 0.68);
        border-radius: 10rpx;

    }
</style>